<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>MonkeyCMS</title>
<link type="text/css" rel="stylesheet" href="statics/css/monkey.css"/>
<link type="text/css" rel="stylesheet" href="statics/css/frame.css"/>
<link type="text/css" rel="stylesheet" href="statics/css/powerFloat.css" />
<style type="text/css">html,body{width:100%;height:100%;}</style>
<script type="text/javascript" src="statics/js/jquery.min.js"></script>
<script type="text/javascript" src="statics/js/jquery.layout.min.js"></script>
<script type="text/javascript">
$(function(){
	
	//loayout
	myLayout = $("body").layout({
		north__size: 50,
		west__size: 180,
		west__minSize: 50,
		spacing_open: 0,
		spacing_closed: 0,
		east__initClosed: true,
		north__spacing_open: 0,
		south__spacing_open: 0,
		togglerLength_open: 0,
		togglerLength_closed: 0
	});

	//side_nav
	$('dl.nav_wrap dd:not(.current)').hover(function(){$(this).toggleClass("current");});
	$('.frame_sidebar dl.nav_wrap:not(:first) dd').hide();
	$('.frame_sidebar dl.nav_wrap:first dt').addClass("current");
	$('.frame_sidebar dl.nav_wrap:first').addClass("nav_bottomline");
	$('dl.nav_wrap dt').click(function(){$(this).addClass("current").nextAll("dd").show().parent().siblings().children("dd").hide().prev("dt").removeClass("current");});

});
</script>

<script type="text/javascript" src="statics/js/monkey.js"></script>

</head>

<body>
<!--frame_header-->
<div class="ui-layout-north frame_header">

	<!--logo-->
	<div class="frame_logo">
		<div class="frame_switch iconfont" onclick="myLayout.toggle('west')" title="切换侧栏">&#xf0c9;</div>
	</div>
	<!--/logo-->

	<!--frame_nav-->
	<div class="frame_nav">
		<a href="#" class="current"><span class="iconfont">&#xf108;</span> 系统首页</a>
		<a href="#"><span class="iconfont">&#xf085;</span> 系统设置</a>
		<a href="#"><span class="iconfont">&#xf0c0;</span> 用户管理</a>
	</div>
	<!--/frame_nav-->

	<!--frame_toolbar-->
	<div class="frame_toolbar">
		<a href="#" class="tool_logout f_right" title="注销"><span class="iconfont">&#xf011;</span></a>
		<span class="nav_line"> </span>
		<a href="#" class="tool_userinfo f_right"><span class="iconfont">&#xf007;</span> Admin</a>
		<span class="nav_line"> </span>
		<a href="#" class="tool_clear f_right" title="清理缓存"><span class="iconfont">&#xf021;</span></a>
		<a href="#" class="tool_view f_right" title="查看首页"><span class="iconfont">&#xf0ac;</span></a>
	</div>
	<!--/frame_toolbar-->

</div>
<!--/frame_header-->

<!--frame_sidebar-->
<div class="ui-layout-west frame_sidebar scroll_pane">

	<dl class="nav_wrap">
		<dt><span class="iconfont">&#xf0f6;</span>页面UI</dt>
		<dd class="current"><a href="main.html" target="main">后台首页</a></dd>
		<dd><a href="form.html" target="main">表单页面</a></dd>
		<dd><a href="list.html" target="main">列表页面</a></dd>
	</dl>
	<dl class="nav_wrap">
		<dt><span class="iconfont">&#xf069;</span>组件UI</dt>
		<dd><a href="button_dropdown.html" target="main">下拉按钮</a></dd>
		<dd><a href="tabs.html" target="main">标签页</a></dd>
		<dd><a href="dialog.html" target="main">弹出层</a></dd>
		<dd><a href="pagination.html" target="main">分页</a></dd>
	</dl>
	<dl class="nav_wrap">
		<dt><span class="iconfont">&#xf0cd;</span>基本样式</dt>
		<dd><a href="box.html" target="main">区块</a></dd>
		<dd><a href="table.html" target="main">表格</a></dd>
		<dd><a href="tiptext.html" target="main">提示文本</a></dd>
		<dd><a href="tipbox.html" target="main">提示框</a></dd>
		<dd><a href="button.html" target="main">按钮</a></dd>
		<dd><a href="icon.html" target="main">图标</a></dd>
	</dl>

</div>
<!--/frame_sidebar-->

<!--frame_container-->
<div class="ui-layout-center frame_container">

	<!--frame_crumbs-->
	<div class="frame_crumbs">
		<span class="iconfont">&#xf015;</span> <a href="#">系统首页</a> &gt; 控制面板
	</div>
	<!--/frame_crumbs-->

	<!--frame_main-->
	<div class="frame_main">
		<iframe frameborder="0" id="main" name="main" src="main.html"></iframe>
	</div>
	<!--/frame_main-->


</div>
<!--/frame_container-->

</body>
</html>